<template>
    <!-- 导航栏 -->
    <div class="navBarContainer">
        <!-- 利用 路由元信息 来赋值 -->
        <van-nav-bar 
            :title="title"
            :left-arrow="$route.matched[0].meta.isShow == false ? $route.matched[0].meta.isShow : true"
            @click-left="onClickLeft"
            :fixed="true"
            :z-index="99">
            <van-icon name="ellipsis" slot="right" />
        </van-nav-bar>
    </div>
</template>

<script>
export default {
    props: ['title'],
    methods: {
        // 返回上一页面
        onClickLeft() {
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="stylus">
    @import '~Css/_variable.styl'
    // 导航栏
    .navBarContainer
        .van-nav-bar
            background #000
            box-shadow $shadowColor
            .van-icon,
            .van-nav-bar__title
                color #fff
                font-weight 700
            .van-icon
                font-size 20px
</style>
